<%@ page contentType="text/html; charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<p version="2.0" xmlns:c="http://java.sun.com/jsp/jstl/core"
     xmlns:jsp="http://java.sun.com/JSP/Page"
     xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        <script type="text/javascript"
                src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
        <script>
            $(document).ready(function() {
                $('#submit').click(function(event) {
                    $('#content_bottom').html("");
                    var from=$('input[name="from"]:checked').val();
                    var sum=$('#sum').val();
                    var to=$('#to').val();
                    $.post('transaction',{from:from,to:to,sum:sum},function(responseText) {
                        $('#content_bottom').html(responseText);
                    });

                });
            });
        </script>
    </head>
    <body>
    <p>Выберите счет с которого вы хотите перевести</p>
    <table  class="table">
        <form>
        <tr>
            <td>Номер счета</td>
            <td>Сумма на счете</td>
        </tr>

        <c:forEach  var="d_data" items="${sessionScope.accs}">
            <tr>
                    <td><input type="radio" id="from" name="from" value="${d_data.getNumber()}"> ${d_data.getNumber()}</td>
                    <td><c:out value="${d_data.getAmount()}"/></td>
            </tr>
        </c:forEach>
        </form>
    </table>
    <p>Введите номер счета на который вы хотете перевести деньги</p>
    <p><input type="text" id="to"/>
    <p>Введите сумму которую вы хотети перевести</p>
    <p><input type="text" id="sum"/>
    <p><input  type="button" id="submit" value="Перевести"/>



    </body>
    </html>
</jsp>